<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册界面_CSS</title>
		<style>
			body{
				/*background:url("C:\Users\shy_black\Documents\HBuilderProjects\haha\222.jpg") no-repeat center;*/
				background-image: url("222.jpg") ;
			}
			.rg_layout{
				width:900px;
				height:500px;
				border:8px solid #EEEEEE;
				background-color :white;
				/*让div水平居中*/
				margin: auto;
				padding:15px;
			}
			.rg_left{
				float:left;
				margin: 15px;
			}
			.rg_left > p:first-child{
				color:#FFD026;
				font－size:20px;
				margin: 15px;
			}
			.rg_left > p:last-child{
				color:#A6A6A6;
				font-size:20px;
			}
			.re_center{
				boder:1px solid red;
				float:center;
				width:450px;
			}.rg_right{
				float:right;
				margin: 15px;
			}
			.rg_right> p:first-child {
				color:#A6A6A6;
				font-size:10px;
			}
			.rg_right p a{
				color:pink;
			}
			.td_left{
				width: 100px;
				text-align:right;
				height: 45px;
			}
			.td_right{
				padding-left:50px;
			}
			#username,#password,#email,#phone,#birthday,#checkcode{
				width:251px;
				heigh:32px;
				border:1px solid #A6A6A6;
				/*设置边框圆角*/
				border-radius:5px;
				padding-left:10px;
			}
			#checkcode{
				width:110px;
			}
			#btn_sub{
				width: 150px;
				height:40px;
				background-color: yellowgreen;
				border: 1px solid yellowgreen;
			}
		</style>
	
	</head>
	<body>
		<div class = "rg_layout">
			<div class = "rg_left">
				<p>新用户注册</p>
				<p>USER REGISTER</p>
				
				
			</div>
			<div class = "rg_center">
				<div class = "rg_form">
					
					
					<form action = "#" method = "post">
			<table>
				<tr>
					<td class="td_left"><label for="username">用户名</label></td>
					<td class="td_right"><input type="text" name = "username"id="username"placeholder="请输入姓名"></td>
				</tr>
				<tr>
					<td class="td_left"><label for="password">密码</label></td>
					<td class="td_right"><input type="password" name = "password"id="password"placeholder="请输入密码"></td>
				</tr>
				<tr>
					<td class="td_left"><label for="phone">联系电话</label></td>
					<td class="td_right"><input type="text" name = "phone"id="phone"placeholder="请输入联系电话"></td>
				</tr>
				<tr>
					<td class="td_left"><label for="email">email</label></td>
					<td class="td_right"><input type="email" name = "email"id="email"placeholder="请输入e-mail"></td>
				</tr>
				<tr>
					<td class="td_left"><label>性别</label></td>
					<td class="td_right">
						<input type="radio" name = "gender"value = "male"checked= "checked">男
						<input type="radio" name = "gender"value = "female">女
					</td>
				</tr>
				<tr>
					<td class="td_left"><label for="birthday">出生日期</label></td>
					<td class="td_right"><input type="date" name = "birthday"id="birthday"></td>
				</tr>
				<tr>
					<td class="td_left"><label for="checkcode">验证码</label></td>
					<td class="td_right"><input type="text" name = "checkcode"id="checkcode"placeholder="请输入验证码">
						<img src = "11.jpg">
					</td>
				</tr>
				<tr>
					<td colspan="2" align="center"><input type="submit" id="btn_sub"value= "注册"></td>
				</tr>
			</table>			
		</form>
					
					
					
					
					
				</div>
			</div>
			<div class="rg_right">
				<p>已有账号?<a href="#">立即登录</a></p>
			</div>
		</div>
		
	</body>
</html>
